<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>河南青少年机器人竞赛</title>
    <link href="css/mui.min.css" rel="stylesheet"/>

    <style>
        .banner{position: relative;width: 100%; height: 150px;background: url("images/regbg.jpg");background-size: 100% 100%;}
        .banner img{position: absolute;bottom:0;right: 0;width: 100px;height: 100px;}
        .banner h3{position: absolute;top:20px;padding-left: 20px;color: #fff;}
        .mui-icon-png{margin: 0 auto;display: block;}
        .team-icon{background: url("images/team.png") no-repeat;background-size: 100% 100%;width: 2.4rem;height: 2.2rem;}
        .applyTeam-icon{background: url("images/applyTeam.png") no-repeat;background-size: 100% 100%;width: 2.4rem;height: 2.2rem;}
        .company-icon{background: url("images/company.png") no-repeat;background-size: 100% 100%;width: 2.4rem;height: 2.2rem;}
        .result-icon{background: url("images/result.png") no-repeat;background-size: 100% 100%;width: 3rem;height: 2.4rem;}
        .changePwd-icon{background: url("images/changePwd.png") no-repeat;background-size: 100% 100%;width: 2.4rem;height: 2.4rem;}
        .pay-icon{background: url("images/pay.png") no-repeat;background-size: 100% 100%;width: 2.6rem;height: 2.4rem;}
        .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{color: #1296db;font-weight: 500;}
    </style>
</head>
<body>
	<div class="mui-content">
        <!--<div class="banner">-->
            <!--<h3>河南青少年机器人竞赛</h3>-->
            <!--<img src="images/robot.png" alt="">-->
        <!--</div>-->
        <div class="banner">
        </div>
	    <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a id="team">
                    <i class="mui-icon-png team-icon"></i>
                    <div class="mui-media-body">队伍管理</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a id="applyTeam">
                <i class="mui-icon-png applyTeam-icon"></i>
                    <div class="mui-media-body">报名</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a id="company">
                <i class="mui-icon-png company-icon"></i>
                    <div class="mui-media-body">单位管理</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a id="payManage">
                <i class="mui-icon-png pay-icon"></i>
                    <div class="mui-media-body">缴费/确认</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a id="result">
                <i class="mui-icon-png result-icon"></i>
                    <div class="mui-media-body">成绩</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a id="changePwd">
                <i class="mui-icon-png changePwd-icon"></i>
                    <div class="mui-media-body">修改密码</div></a></li>
        </ul>
	</div>
    <div style="width: 100%;height: 200px;"></div>
    <script src="js/mui.min.js"></script>
    <script type="text/javascript">

        // $.ajax({
        //     type: "post",
        //     url: "../user/test",
        //     dataType: "json",
        //     contentType: 'application/json',
        //     success: function(data){
        //         console.log(data);
        //
        //     },
        //     error:function(){
        //         mui.toast('出现异常，请联系管理员',{ duration:'2000', type:'div' });
        //     }
        // });

        mui(".mui-table-view").on('tap','#team',function(){
            mui.openWindow({
                url:'team.html'
            });
        });
        mui(".mui-table-view").on('tap','#applyTeam',function(){
            mui.openWindow({
                url:'applyTeam.html'
            });
        });
        mui(".mui-table-view").on('tap','#company',function(){
            mui.openWindow({
                url:'company.html'
            });
        });
        mui(".mui-table-view").on('tap','#payManage',function(){
            mui.openWindow({
                url:'payManage.html'
            });
        });
        mui(".mui-table-view").on('tap','#result',function(){
            mui.openWindow({
                url:'result.html'
            });
        });
        mui(".mui-table-view").on('tap','#changePwd',function(){
            mui.openWindow({
                url:'changePwd.html'
            });
        });

    </script>
</body>
</html>